/* 只需要重写你需要的即可 */
@forward 'element-plus/theme-chalk/src/common/var.scss' with ($colors: ('primary': ( // 主色
      'base':#0F5197,
    ),
    'success': ( // 成功色
      'base': #199D33,
    ),
    'info': ('base': #4e4f51,
    ),
    'warning': ( // 警告色
      'base': #e26f03,
    ),
    'danger': ( // 危险色
      'base': #de2e06,
    ),
    'error': ( // 危险色
      'base': #de2e06,
    ),
  ),
  $button-padding-horizontal: (
    'default': 16px
  )
);

// 固定主题变量
:root {
  // 主色
  --el-color-primary: #0F5197;
  --el-color-primary-light-1: #2063a5;
  --el-color-primary-light-2: #3174b2;
  --el-color-primary-light-3: #4286c0;
  --el-color-primary-light-4: #5397cd;
  --el-color-primary-light-5: #64a9db;
  --el-color-primary-light-6: #75bae8;
  --el-color-primary-light-7: #86ccf6;
  --el-color-primary-light-8: #e8f4fd;
  --el-color-primary-light-9: #f3f9fe;
  
  // 成功色
  --el-color-success: #199D33;
  --el-color-success-light-3: #4CAF50;
  --el-color-success-light-5: #81C784;
  --el-color-success-light-7: #A5D6A7;
  --el-color-success-light-8: #E8F5E9;
  --el-color-success-light-9: #F1F8E9;
  
  // 警告色
  --el-color-warning: #e26f03;
  --el-color-warning-light-3: #f5a623;
  --el-color-warning-light-5: #f8c471;
  --el-color-warning-light-7: #fad7a0;
  --el-color-warning-light-8: #fef5e7;
  --el-color-warning-light-9: #fff8ee;
  
  // 危险色
  --el-color-danger: #de2e06;
  --el-color-danger-light-3: #f44336;
  --el-color-danger-light-5: #ef9a9a;
  --el-color-danger-light-7: #ffcdd2;
  --el-color-danger-light-8: #ffebee;
  --el-color-danger-light-9: #fff5f5;
}

// 固定标签样式
.el-tag {
  &.el-tag--primary {
    background-color: var(--el-color-primary-light-9);
    border-color: var(--el-color-primary-light-8);
    color: var(--el-color-primary);
  }

  &.el-tag--success {
    background-color: var(--el-color-success-light-9);
    border-color: var(--el-color-success-light-8);
    color: var(--el-color-success);
  }

  &.el-tag--warning {
    background-color: var(--el-color-warning-light-9);
    border-color: var(--el-color-warning-light-8);
    color: var(--el-color-warning);
  }

  &.el-tag--danger {
    background-color: var(--el-color-danger-light-9);
    border-color: var(--el-color-danger-light-8);
    color: var(--el-color-danger);
  }
}

